<template>
    <div class="header">
        <p class="slowly-logo">
            <img src="../../../static/images/header_logo.png" alt="">
        </p>
        <p class="slowly-app">
            <img src="../../../static/images/header_app.png" alt="">
        </p>
    </div>
</template>
<script>
export default {
    name:'Header'
}
</script>
<style  scoped>
*{
    margin: 0;
    padding: 0;
}
.header{
    width: 100%;
    height: 49px;
    background:#ff841d;
    margin-top: 0px;
    display:flex;
}
.slowly-logo{ 
    width: 280px;
    height: 49px;
}
.slowly-logo img{
    width: 100%;
    height: 25px;
    margin-left:10px;
    margin-top: 10px;
}
.slowly-app{
    flex:1;
    text-align: center
}
.slowly-app img{
    display: block;
    line-height: 34px;
    width: 34px;
    height: 34px;
    margin:10px auto;
}
</style>